        <!DOCTYPE html>
        <html lang="en">
            <head>
                <meta charset="utf-8" />
                <script type="text/javascript">
                    $(document).ready(function() {
                        initEditor();
                    });
                    
                    function initEditor() {
                        tinyMCE.init({
                            mode : "textareas",
                            plugins : "fullscreen",
                            theme : "advanced",
                            theme_advanced_buttons1_add : "fullscreen"
                        });
                    }
        
                    $("#dropzone").load("../filemgt/file-manager.html");
                </script>
            </head>
            <body>
                
                <div class="well">  
                <div class="row">
                <div class="col-md-12">
                        <div class="box">
                            <div class="box-content">
                                
                                <div class="panel-group" id="accordion">
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="ui-elements.html#collapseOne">
                                          Overview
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse in">
                                      <div class="panel-body">
                                        <form id="addCourseLesson" class="form-horizontal" action="" method="post">
                                            <fieldset>
                                        
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="lesson_name">Name</label>
                                            <div class="col-sm-10">
                                                <input type="text" data-original-title="Name" name="lesson_name" id="lesson_name">
                                                </input>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="lesson_title">Title</label>
                                            <div class="col-sm-10">
                                                <input type="text" data-original-title="Title" name="lesson_title" id="lesson_title">
                                                </input>
                                            </div>
                                        </div>
                                          
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="lesson_desc">Description</label>
                                            <div class="col-sm-10">
                                                <textarea name="lesson_desc" id="lesson_desc" rows="15" cols="70"></textarea>
                                            </div>
                                        </div>
                                          
                                        <div class="form-group">
                                            <label class="col-sm-2 control-label" for="lesson_state">State</label>
                                            <div class="col-sm-10">
                                                <select id="lesson_state" name="lesson_state">
                                                    <option value="">--Select--</option>
                                                    <option value="Draft">Draft</option>
                                                    <option value="Published">Available</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-12">
                                                <button id ="btnCreateLesson" title="Create" rel="tooltip" class="btn btn-success" type="button">Create
</button>
                                        </div>
                                        </div>
                                        </fieldset>
                                        </form>
                                      </div>
                                    </div>
                                  </div>
                                  <div class="panel panel-default">
                                    <div class="panel-heading">
                                      <h4 class="panel-title">
                                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="ui-elements.html#collapseTwo">
                                         Resources
                                        </a>
                                      </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse">
                                      <div class="panel-body">
                                         <div id="dropzone"></div>
                                      </div>
                                    </div>
                                  </div>
    
                                </div>
                                
                            </div>
                        </div>
                    </div><!--/col-->
                </div>
            </div>

            </body>
        </html>
